<template>
	<view class="detail-view">
		<view class="top-bar">
			<uni-navbar :fixed="true" :back="true" color="#fff" title="内容详情"></uni-navbar>
		</view>


		<view class="formView">
			<view class="formViewItem">
				<view class="formViewItemLeft">
					标题
				</view>
				<view class="formViewItemRight">
					{{ issueInfo.title ? issueInfo.title : '无' }}
				</view>
			</view>

			<view class="formViewItem">
				<view class="formViewItemLeft">
					议题来源
				</view>
				<view class="formViewItemRight">
					{{ issueInfo.isSourceName ? issueInfo.isSourceName : '无' }}
				</view>
			</view>

			<view class="formViewItem">
				<view class="formViewItemLeft">
					议题提交时间
				</view>
				<view class="formViewItemRight">
					{{ issueInfo.submitTime ? issueInfo.submitTime : '无' }}
				</view>
			</view>

			<view class="formViewItem">
				<view class="formViewItemLeft">
					议题分类
				</view>
				<view class="formViewItemRight">
					{{ issueInfo.classifyName ? issueInfo.classifyName : '无' }}
				</view>
			</view>

			<view class="formViewItem">
				<view class="formViewItemLeft">
					议题分类明细
				</view>
				<view class="formViewItemRight">
					{{ issueInfo.classifyDetailName ? issueInfo.classifyDetailName : '无' }}
				</view>
			</view>


			<u-gap height="20" bgColor="#F6F7FB"></u-gap>


			<view class="formViewItem">
				<view class="formViewItemLeft">
					提交人
				</view>
				<view class="formViewItemRight">
					{{ issueInfo.submitName ? issueInfo.submitName : '无' }}
				</view>
			</view>

			<view class="formViewItem">
				<view class="formViewItemLeft">
					联系电话
				</view>
				<view class="formViewItemRight">
					{{ issueInfo.phone ? issueInfo.phone : '无' }}
				</view>
			</view>

			<view class="formViewItem">
				<view class="formViewItemLeft">
					所属代表之家
				</view>
				<view class="formViewItemRight">
					{{ issueInfo.dbzjDeptName ? issueInfo.dbzjDeptName : '无' }}
				</view>
			</view>

			<view class="formViewItem">
				<view class="formViewItemLeft">
					定位地址
				</view>
				<view class="formViewItemRight">
					{{ issueInfo.addr ? issueInfo.addr : '无' }}
				</view>
			</view>
			
			<view class="formViewItem">
				<view class="formViewItemLeft">
					详细位置
				</view>
				<view class="formViewItemRight">
					{{ issueInfo.addrDetail ? issueInfo.addrDetail : '无' }}
				</view>
			</view>
			
			<view class="formViewItem" v-if="issueChargePepList.length !== 0">
				<view class="formViewItemLeft">
					议题负责人
				</view>
				<view class="formViewItemRight">
					<text v-for="(item,index) of issueChargePepList">{{ index == '0' ? item.userName : ',' + item.userName }}</text>
				</view>
			</view>
			
			<view class="formViewItem" v-if="issuePartPepList.length !== 0">
				<view class="formViewItemLeft">
					议题参与代表
				</view>
				<view class="formViewItemRight">
					<text v-for="(item,index) of issuePartPepList">{{ index == '0' ? item.userName : ',' + item.userName}}</text>
				</view>
			</view>


			<view class="textA">
				{{ issueInfo.content ? issueInfo.content : '无' }}
			</view>

			<view style="background-color: #FFFFFF;width: 100%;padding: 20upx 28upx;" class="">
				<view class="fileList2">
					<view class="fileList2Item" v-for="(item,index) of fileList_Info"
						@tap="$showLine(item)">
						<view class="fileList2ItemLeft">
							<image src="@/pagesB/static/doc.png" mode=""></image>
						</view>
						<view class="fileList2ItemCenter">
							<view class="">
								{{ item.name }}
							</view>

							<view class="" style="display: flex;align-items: center;">
								<view class="" style="flex: 1;color: #999999;font-size: 12px;padding-top: 10upx;">
									{{ item.size }}
								</view>

								<view class="" style="flex: 1;text-align: right;color: #0077FF;font-size: 12px;">
									预览
								</view>
							</view>
						</view>
						<!-- <view class="fileList2ItemRight" @tap="toDelete(index,'file')">
							预览
						</view> -->
					</view>
				</view>
			</view>

			<u-gap height="20" bgColor="#F6F7FB"></u-gap>

			<view class="histList" v-if="issueAudit.id">
				<view class="histListItem">
					<view class="histListItemTop" @tap="ytxsShow = !ytxsShow">
						<view class="intitle histListItemTopLeft">
							议题审查
						</view>
						<view class="histListItemTopRight">
							<u-icon :name="ytxsShow ? 'arrow-up' : 'arrow-down'" color="#000000" size="28"></u-icon>
						</view>
					</view>
			
					<view class="histListItemCenter" v-if="ytxsShow">
			
						<view class="formViewItem">
							<view class="formViewItemLeft">
								审查主体
							</view>
							<view class="formViewItemRight">
								{{ issueAudit.auditUserName }}
							</view>
						</view>
			
						<view class="formViewItem">
							<view class="formViewItemLeft">
								审查时间
							</view>
							<view class="formViewItemRight">
								{{ issueAudit.auditTime }}
							</view>
						</view>
			
						<view class="formViewItem">
							<view class="formViewItemLeft">
								审查结果
							</view>
							<view class="formViewItemRight">
								{{ issueAudit.auditStatus == '1' ? '通过' : '未通过' }}
							</view>
						</view>
						
						<view class="formViewItem" v-if="issueAudit.auditStatus !== '1'">
							<view class="formViewItemLeft">
								退回理由
							</view>
							<view class="formViewItemRight">
								{{ issueAudit.auditOpinion ? issueAudit.auditOpinion : '无' }}
							</view>
						</view>
					</view>
				</view>
			</view>
			
			<u-gap height="20" bgColor="#F6F7FB"></u-gap>
			
			
			<view class="histList" v-if="msIssueOpen.id">
				<view class="histListItem" @tap="ytgkShow = !ytgkShow">
					<view class="histListItemTop">
						<view class="intitle histListItemTopLeft">
							码上留言
						</view>
						<view class="histListItemTopRight">
							<u-icon :name="ytgkShow ? 'arrow-up' : 'arrow-down'" color="#000000" size="28"></u-icon>
						</view>
					</view>
			
					<view class="histListItemCenter" v-if="ytgkShow">
			
						<view class="formViewItem">
							<view class="formViewItemLeft">
								审查主体
							</view>
							<view class="formViewItemRight">
								{{ msIssueOpen.auditUserName }}
							</view>
						</view>
			
						<view class="formViewItem">
							<view class="formViewItemLeft">
								审查时间
							</view>
							<view class="formViewItemRight">
								{{ msIssueOpen.auditTime }}
							</view>
						</view>
			
						<view class="formViewItem">
							<view class="formViewItemLeft">
								审查结果
							</view>
							<view class="formViewItemRight">
								{{ msIssueOpen.auditStatus == '1' ? '通过' : '未通过' }}
							</view>
						</view>
						
						
						<view class="formViewItem">
							<view class="formViewItemLeft">
								选择公开日期
							</view>
							<view class="formViewItemRight">
								{{ msIssueOpen.openStart + '至' + msIssueOpen.openEnd }}
							</view>
						</view>
						
						<!-- <view class="formViewItem">
							<view class="formViewItemLeft">
								选择公开范围
							</view>
							<view class="formViewItemRight">
								{{ msIssueOpen.openDbzjName }}
							</view>
						</view> -->
					</view>
					
					
				</view>
			</view>
			
			<u-gap height="20" bgColor="#F6F7FB"></u-gap>
			
			<view class="histList" v-if="msIssueSurvey.id">
				<view class="histListItem">
					<view class="histListItemTop" @tap="sqdyShow = !sqdyShow">
						<view class="intitle histListItemTopLeft">
							议前调研
						</view>
						<view class="histListItemTopRight">
							<u-icon :name="sqdyShow ? 'arrow-up' : 'arrow-down'" color="#000000" size="28"></u-icon>
						</view>
					</view>
			
					<view class="histListItemCenter" v-if="sqdyShow">
			
						
			
						<view class="formViewItem">
							<view class="formViewItemLeft">
								选择调研日期
							</view>
							<view class="formViewItemRight">
								{{ msIssueSurvey.surveyStart + '至' + msIssueSurvey.surveyEnd }}
							</view>
						</view>
			
						<!-- <view class="formViewItem">
							<view class="formViewItemLeft">
								调研人员
							</view>
							<view class="formViewItemRight">
								<text v-for="(item,index) of msIssueSurvey.msIssueCtmebList">{{ index == 0 ? item.cyMebName : ',' + item.cyMebName}}</text>  
							</view>
						</view> -->
					</view>
				</view>
			</view>
			
			<view class="histList" v-if="msIssueSurvey && msIssueSurvey.msIssueSurveyResultList" v-for="(item,index) of msIssueSurvey.msIssueSurveyResultList">
				<view class="histListItem">
					<view class="histListItemTop" @tap="dycgscShow == item.id ? dycgscShow = '' : dycgscShow = item.id">
						<view class="intitle histListItemTopLeft">
							调研成果上传记录
						</view>
						<view class="histListItemTopRight">
							<u-icon name="arrow-down" color="#000000" size="28"></u-icon>
						</view>
					</view>
			
					<view class="histListItemCenter" v-if="dycgscShow == item.id">
						<!-- <view class="formViewItem">
							<view class="formViewItemLeft">
								调研人员
							</view>
							<view class="formViewItemRight">
								{{item.submitName}}
							</view>
						</view> -->
						
						<view class="formViewItem">
							<view class="formViewItemLeft">
								调研时间
							</view>
							<view class="formViewItemRight">
								{{item.submitTime}}
							</view>
						</view>
						
						<view class="formViewItem">
							<view class="formViewItemLeft">
								调研成果
							</view>
							<view class="formViewItemRight">
								{{item.surveyResult}}
							</view>
						</view>
						
						<view class="formViewItem">
							<view class="formViewItemLeft">
								调研成果附件
							</view>
							<view class="formViewItemRight">
							</view>
						</view>
						
						
						<view style="background-color: #FFFFFF;width: 100%;padding: 20upx 28upx;" class="">
							<view class="fileList2">
								<view class="fileList2Item" v-for="(fileItem,fileIndex) of item.fileRepositorylist"
									@tap="$showLine(fileItem)">
									<view class="fileList2ItemLeft">
										<image src="@/pagesB/static/doc.png" mode=""></image>
									</view>
									<view class="fileList2ItemCenter">
										<view class="">
											{{ fileItem.name }}
										</view>
						
										<view class="" style="display: flex;align-items: center;">
											<view class="" style="flex: 1;color: #999999;font-size: 12px;padding-top: 10upx;">
												{{ fileItem.size }}
											</view>
						
											<view class="" style="flex: 1;text-align: right;color: #0077FF;font-size: 12px;">
												预览
											</view>
										</view>
									</view>
									<!-- <view class="fileList2ItemRight" @tap="toDelete(index,'file')">
										预览
									</view> -->
								</view>
							</view>
						</view>
						
					</view>
				</view>
				
				<u-gap height="20" bgColor="#F6F7FB"></u-gap>
			</view>



			<view class="" v-if="type == '1'">
				<view class="intitle">
					问题审查
				</view>


				<view class="formViewItem">
					<view class="formViewItemLeft" style="color: #333333 !important;">
						<text style="color: red;">*</text>是否受理
					</view>
					<view class="formViewItemRight">
						<u-radio-group v-model="ytscQuery.issueAudit.auditStatus" @change="radioGroupChange">
							<u-radio label="通过" name="1" @change="radioChange">
								通过
							</u-radio>
							<u-radio label="通过" name="0" style="padding-left: 60upx;" @change="radioChange">
								退回
							</u-radio>
						</u-radio-group>
					</view>
				</view>

				<u-form :model="ytscQuery" ref="uForm">
					<u-form-item v-if="ytscQuery.issueAudit.auditStatus == '0'" style="padding: 0 40upx;" class="form-item border-none" label="" labelPosition="top"
						prop="content">
						<u-input inputAlign="left" v-model="ytscQuery.issueAudit.auditOpinion" type="textarea"
							:placeholder="ytscQuery.issueAudit.auditStatus == '1' ? '请输入通过意见' : '请输入退回理由'"
							:clearable="false" :height="160" :maxlength="-1" />
					</u-form-item>
					
					<u-form-item v-if="ytscQuery.issueAudit.auditStatus == '1'" class="form-item border-none" @click="getTeam('1')" required label="议题负责人" prop="">
						<view class="isFlex">
							<image class="isFleximage" @click="getTeam('1')" src="@/pagesB/static/tjry.png" mode=""></image>
						</view>
					</u-form-item>
					
					<view class="listTist" v-if="allfzrList.length !== 0">
						<text  v-for="(item,index) of allfzrList" :key="index">{{ index == 0 ? item.userName : ',' + item.userName }}</text>
					</view>
					 
					<u-form-item v-if="ytscQuery.issueAudit.auditStatus == '1'" class="form-item border-none" @click="getTeam('2')" label="议题参与代表" prop="">
						<view class="isFlex">
							<image class="isFleximage" @click="getTeam('2')" src="@/pagesB/static/tjry.png" mode=""></image>
							
						</view>
					</u-form-item>
					
					<view class="listTist" v-if="allcyrList.length !== 0">
						<text  v-for="(item,index) of allcyrList" :key="index">{{ index == 0 ? item.userName : ',' + item.userName }}</text>
					</view>
					
					
				</u-form>


				<view class="fiexd-btm">
					<u-button class="form-btn" type="error" @click="wtscBtn">提交</u-button>
				</view>
			</view>
			
			
			<u-gap height="20" bgColor="#F6F7FB"></u-gap>


			<view class="" v-if="type == '2' && isDBZJ">
				<view class="intitle">
					议题公开
				</view>


				<view class="formViewItem">
					<view class="formViewItemLeft" style="color: #333333 !important;">
						是否通过
					</view>
					<view class="formViewItemRight">
						<u-radio-group v-model="ytgkQuery.issueOpen.auditStatus" @change="radioGroupChange">
							<u-radio label="通过" name="1" @change="radioChange">
								通过
							</u-radio>
							<u-radio label="通过" name="0" style="padding-left: 60upx;" @change="radioChange">
								退回
							</u-radio>
						</u-radio-group>
					</view>
				</view>
				
				
				<u-form :model="ytgkQuery" ref="uForm" v-if="ytgkQuery.issueOpen.auditStatus == '0'">
					<u-form-item style="padding: 0 40upx;" class="form-item border-none" label="" labelPosition="top"
						prop="content">
						<u-input inputAlign="left" v-model="ytgkQuery.issueOpen.auditOpinion" type="textarea"
							:placeholder="'请输入退回理由'"
							:clearable="false" :height="160" :maxlength="-1" />
					</u-form-item>
				</u-form>

				<u-form  :model="form" ref="uForm" v-else>
					<u-form-item labelWidth="280"  class="form-item " required
						label="选择公开开始时间" prop="dbzjId">
						<date-time-picker placeholder="请选择" fields="day" @change="timeChange($event, 'openStart')">
						</date-time-picker>
						<!-- <u-icon  name="arrow-right" color="#979797" size="32"></u-icon> -->
					</u-form-item>

					<u-form-item labelWidth="280"  class="form-item " required
						label="选择公开结束时间" prop="dbzjId">
						<date-time-picker placeholder="请选择" fields="day" @change="timeChange($event, 'openEnd')">
						</date-time-picker>
						<!-- <u-icon name="arrow-right" color="#979797" size="32"></u-icon> -->
					</u-form-item>


					<!-- <u-form-item  class="form-item " required label="选择公开范围" prop="dbzjId">
						<u-input disabled  @click="showPicker" v-model="ytgkQuery.openDbzjName" 
							type="text" placeholder="请点击选择" />
					</u-form-item> -->
				</u-form>


				<view class="fiexd-btm">
					<u-button class="form-btn" type="error" @click="wtgkBtn">提交</u-button>
				</view>

			</view>
		</view> 

		<ba-tree-picker ref="treePicker" :type="getTeamType" :disData="isFzrdisData" :disData2="isCyrdisData" :multiple='true' :selectParent="false" @search="searchTap" @typeTap="typeTap" @select-change="selectChange" title="选择人员"
			:localdata="zbList" valueKey="id" textKey="title" childrenKey="children" />
	</view>
</template>

<script>
	import baTreePicker from "@/components/ba-tree-picker/ba-tree-picker.vue";
	import uniParse from '@/components/uni-parse/parse.vue';
	import dateTimePicker from '@/components/uni-datetime-picker';
	import selectTree from '@/components/uni-select-tree.vue';
	import {
		mapState
	} from 'vuex';
	export default {
		components: {
			uniParse,
			baTreePicker,
			dateTimePicker,
			selectTree
		},
		data() {
			return {
				isFzrdisData:[],
				isCyrdisData:[],
				issuePartPepList:[],
				issueChargePepList:[],
				addr:'',
				fzGksj:'',
				fzGksj2:'',
				fzrList:[],
				allfzrList:[],
				cyrList:[],
				allcyrList:[],
				getTeamType:'1',
				isDBZJ:false,//是否代表之家
				isRDShow:false,//是否是诸城人大
				zbList: [],
				timevalue1: '',
				timeType: 1,
				ytxsShow: false,
				ytgkShow:false,
				sqdyShow:false,
				dycgscShow:'',
				timeshow: false,
				type: '0',
				id: '',
				form: {},
				ytscQuery: {
					issueAudit: {
						issueId: '',
						auditOpinion: '', //审核意见
						auditStatus: '1', //审核结果(0：审核不通过，1：审核通过)
						currentUserId: '', //用户主键id
					},
					currentUserId: '' //用户主键id
				},
				ytgkQuery: {
					issueOpen: {
						issueId: '',
						auditOpinion: '', //审核意见
						auditStatus: '1', //审核结果(0：审核不通过，1：审核通过)
						currentUserId: '', //用户主键id
						auditUser: '', //审核人id
						openStart: '', //公示开始日期（年月日）
						openEnd: '', //公示结束日期（年月日）
					},
					openDbzj: '', //公开范围的代表之家主键id，多个用“,”隔开
					openDbzjName:'',//公开范围的代表之家名称
					currentUserId: '' //用户主键id
				},
				fileList_Info: [],
				issueAudit: {},
				issueInfo: {},
				msIssueCmt: [],
				msIssueConsult: {},
				msIssueDisclosure: {},
				msIssueLike: [],
				msIssueOpen: {},
				msIssueSurvey: {},
				clientCode: '',
				userId: ''
			};
		},
		onLoad(option) {
			this.loadLogin()
			if (option.type) {
				this.type = option.type
			}
			if (option.id) {
				this.id = option.id
				this.getD()
			}
			this.loadTeam('','dbzj')
		},
		onShow() {
			if(this.$roleCodes('daibiaozhijia')){
				this.isDBZJ = true
			}else{
				this.isDBZJ = false
			}
		},
		onHide() {},
		onUnload() {},
		computed: {
			...mapState(['userInfo', 'fileList'])
		},
		methods: {
			// 显示选择器
			showPicker() {
				this.loadTeam('','dbzj')
				this.$refs.treePicker._show();
			},
			typeTap(e){
				if(e == '1'){
					this.loadTeam('','dbzj')
				}
				
				if(e == '2'){
					this.loadTeam('','dbjb')
				}
				
				if(e == '3'){
					this.zbList = []
				}
			},
			loadTeam(name,type) {
				this.$request('/system/sys-user/tree_users', {
					clientCode: '370782',
					currentUserId: this.userId,
					name:name ? name : '',
					teamType: type
				}).then((res) => {
					this.zbList = res.data;
					// this.waihotsList = res.data;
				});
			},
			searchTap(e,v){
				if(v == ''){
					this.zbList = []
				}else{
					this.$request('/system/sys-user/tree_users', {
						clientCode: '370782',
						currentUserId: this.userId,
						name:v ? v : '',
						teamType: e
					}).then((res) => {
						let a = []
						let aa = []
						if(res.data[0].children){
							if(res.data[0].children[0].children){
								a.push(res.data[0].children[0])
							}else{
								
							}
							if(res.data[0].children[1].children){
								a.push(res.data[0].children[1])
							}else{
								
							}
							if(a.length == 0){
								this.zbList = []
							}else{
								aa = res.data
								aa[0].children = a
								this.zbList = aa
							}
						}else{
							this.zbList = []
						}
						// this.zbList = res.data;
					});
				}
				
				
			},
			radioChange(e){
				this.fzrList=[]
				this.allfzrList=[]
				this.cyrList=[]
				this.allcyrList=[]
			},
			getTeam(e){
				this.getTeamType = e
				this.$refs.treePicker._show();
			},
			//监听选择（ids为数组）
			selectChange(ids, names) {
				if(names){
					let namesList = names.split(',')
					let a = []
					let aa = []
					ids.map((item, index) => {
						let aQ = {
							userId: item,
							userName: namesList[index],
						}
						aa.push(item)
						a.push(aQ)
					})
					
					if(this.getTeamType == '1'){
						this.allfzrList = a
						this.fzrList = aa
						this.isFzrdisData = aa
					}
					
					if(this.getTeamType == '2'){
						this.allcyrList = a
						this.cyrList = aa
						this.isCyrdisData = aa
					}
					
					this.loadTeam('','dbzj')
					
					this.$forceUpdate()
				}else{
					if(this.getTeamType == '1'){
						this.allfzrList = []
						this.fzrList = []
						this.isFzrdisData = []
					}
					
					if(this.getTeamType == '2'){
						this.allcyrList = []
						this.cyrList = []
						this.isCyrdisData = []
					}
					
					this.loadTeam('','dbzj')
					
					this.$forceUpdate()
				}
			
			},
			
			timeChange({
				date,
				dt
			}, idx) {
				this.ytgkQuery.issueOpen[idx] = date.year + '-' + date.month2 + '-' + date.day2
			},
			ontimeChange(e) {
				this.timeType = e
				this.timeshow = true
			},
			timeconfirm(e) {
				
			},
			loadLogin() {
				if (this.userInfo.sysUser) {
					this.clientCode = this.userInfo.sysUser.clientCode;
					this.userId = this.userInfo.sysUser.id;
				} else {
					this.$logout();
				}
			},
			wtgkBtn() {
				let that = this
				if(this.ytgkQuery.issueOpen.auditStatus == '1'){
					
					if(this.ytgkQuery.issueOpen.openStart == ''){
						this.$msg('请选择公开开始时间')
						return
					}
					
					if(this.ytgkQuery.issueOpen.openEnd == ''){
						this.$msg('请选择公开结束时间')
						return
					}
					
					// if(this.ytgkQuery.openDbzj == ''){
					// 	this.$msg('请选择公开范围')
					// 	return
					// }
					
					let a = JSON.parse(JSON.stringify(this.ytgkQuery))
					
					let url = '/msIssueInfo/addOpen';
					a.issueOpen.issueId = this.id
					a.issueOpen.auditUser = this.userId
					a.issueOpen.currentUserId = this.userId
					a.currentUserId = this.userId
					
					
					// a.openDbzj = a.openDbzj.join(',')
					this.$request(url, a, {
						load: true
					}).then((res) => {
						if (res.code == 200) {
							that.$msg('提交成功')
							setTimeout(() => {
								uni.navigateBack({
									delta: 1
								})
							}, 500)
						}
					});
				}else{
					let url = '/msIssueInfo/addOpen';
					that.ytgkQuery.issueOpen.issueId = this.id
					that.ytgkQuery.issueOpen.auditUser = this.userId
					that.ytgkQuery.issueOpen.currentUserId = this.userId
					that.ytgkQuery.currentUserId = this.userId
					this.$request(url, that.ytgkQuery, {
						load: true
					}).then((res) => {
						if (res.code == 200) {
							that.$msg('提交成功')
							setTimeout(() => {
								uni.navigateBack({
									delta: 1
								})
							}, 500)
						}
					});
				}
				
				
				
				
			},
			wtscBtn() {
				let that = this
				let url = '/msIssueInfo/addAudit';
				this.ytscQuery.issueAudit.issueId = this.id
				this.ytscQuery.issueAudit.auditUser = this.userId
				this.ytscQuery.issueAudit.currentUserId = this.userId
				this.ytscQuery.currentUserId = this.userId
				
				
				if(this.ytscQuery.issueAudit.auditStatus == 1){
					if(this.fzrList.length == 0){
						this.$msg('请选择议题负责人')
						return
					}
					
					// if(this.cyrList.length == 0){
					// 	this.$msg('请选择议题参与代表')
					// 	return
					// }
				}
				
				
				
				this.ytscQuery.chargePepArr = this.fzrList
				this.ytscQuery.partPepArr = this.cyrList
				
				
				this.$request(url, that.ytscQuery, {
					load: true
				}).then((res) => {
					if (res.code == 200) {
						that.$msg('提交成功')
						setTimeout(() => {
							uni.navigateBack({
								delta: 1
							})
						}, 500)
					}
				});
			},
			getD() {
				let that = this
				let url = '/msIssueInfo/queryAll';
				this.$request(url, {
					id: that.id,
					clientCode: "370782"
				}, {
					load: true
				}).then((res) => {
					this.fileList_Info = res.data.fileList_Info
					this.issueAudit = res.data.issueAudit
					this.issueInfo = res.data.issueInfo
					this.msIssueCmt = res.data.msIssueCmt
					this.msIssueConsult = res.data.msIssueConsult
					this.msIssueDisclosure = res.data.msIssueDisclosure
					this.msIssueLike = res.data.msIssueLike
					this.msIssueOpen = res.data.msIssueOpen
					this.msIssueSurvey = res.data.msIssueSurvey
					this.issuePartPepList = res.data.issuePartPepList
					this.issueChargePepList = res.data.issueChargePepList
				});
			}
		}
	};
</script>

<style lang="less" scoped>
	.detail-view {
		background-color: #ffffff;
		min-height: 100vh;
	}

	.formView {
		.formViewItem {
			display: flex;
			align-items: center;
			min-height: 120upx;
			padding: 0 40upx;
			border-bottom: 1upx solid #F6F7FB;

			.formViewItemLeft {
				flex: 1;
				text-align: left;
				color: #999999;
				font-size: 17px;
			}

			.formViewItemRight {
				flex: 1.5;
				text-align: right;
				color: #333333;
				font-size: 17px;
			}
		}

		.textA {
			padding: 20upx 40upx;
			font-size: 17px;
			color: #333333;
			word-break: break-word;
		}
	}


	.fileList2 {
		padding: 0 40upx;
		background-color: #F6F7FB;

		.fileList2Item {
			display: flex;
			align-items: center;
			height: 100upx;
			padding: 10upx 0;

			.fileList2ItemLeft {
				flex: 1;
				text-align: left;
				padding: 0 10upx 0 0;

				image {
					width: 44upx;
					height: 52upx;
				}
			}

			.fileList2ItemCenter {
				padding: 0 0 0 0;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				flex: 7;
				font-size: 15px;
				color: #333333;
			}

			.fileList2ItemRight {
				flex: 1;
				text-align: right;

				image {
					width: 32upx;
					height: 32upx;
					position: relative;
					left: 30upx;
				}
			}
		}

		.fileListItemAudio {
			display: flex;
			align-items: center;
			width: 120upx;
			height: 60upx;
			background-color: #0077FF;

			.fileListItemAudioLeft {
				flex: 1;

				.fileListItemAudioLeftImg {
					width: 24upx;
					height: 24upx;
				}
			}
		}
	}

	.intitle {
		height: 100upx;
		line-height: 100upx;
		padding: 0 40upx;
		color: #333333;
		font-size: 17px;
		font-weight: bold;
	}

	.fiexd-btm {
		position: static;
		padding: 30rpx;
	}


	.histList {
		.histListItem {
			.histListItemTop {
				display: flex;
				align-items: center;

				.histListItemTopLeft {
					flex: 1;
					text-align: left;
				}

				.histListItemTopRight {
					flex: 1;
					text-align: right;
					padding-right: 40upx;
				}
			}
		}
	}
	
	/deep/ .u-form{
		margin: 0 40upx;
	}
	
	.isFlex{
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex-wrap: wrap;
		
		
	}
	
	.isFleximage{
		width: 48upx;
		height: 48upx;
		padding-right: 20upx;
	}
	
	.listTist{
		padding: 0 20upx;
		text{
			font-size: 17px;
			color: #333333;
			line-height: 120upx;
		}
	}
	
	/deep/ .u-radio-group {
		justify-content: flex-end;
	}

</style>
